<script setup>
// 在组合式 API 中组件导入即注册，所以可以直接使用
import BoxCom from './components/BoxCom.vue';
import { ref, provide } from 'vue'

const name = ref('张无忌')

// 将值发送出去
provide('myname', name)

provide('user', {
    name: name,
    age: 18,
    sex: false
})

</script>
<template>
    <h1>父组件 - {{ name }}</h1>
    <hr>
    <BoxCom />
</template>